<script setup lang="ts">
import BaseLayoutAside from "./components/aside/aside.vue";
import BaseLayoutHeader from "./components/header/header.vue";
import BaseLayoutMain from "./components/main/main.vue";
</script>

<template>
  <xt-container id="base-layout-container" class="w-screen h-screen">
    <xt-aside width="200">
      <BaseLayoutAside />
    </xt-aside>
    <xt-container direction="vertical">
      <xt-header class="!p-0 box-border !h-[56px]">
        <BaseLayoutHeader />
      </xt-header>
      <xt-main class="!p-[10px] box-border">
        <BaseLayoutMain />
      </xt-main>
    </xt-container>
  </xt-container>
</template>
